<template>
  <div >
    <shared-header>
      <template v-slot:center>
        系统设置
      </template>
    </shared-header>

    <div>
      <template v-for="(item,index) in menuList">
        <div  v-show="item.show" class="q-my-xs">
          <van-field v-model="nones" :label="item.label" class="text-size-17"
                     is-link readonly @click="item.fun(item)">

          </van-field>
        </div>

      </template>
    </div>

  </div>
</template>
<script lang="ts" setup>
import { useCommonStore } from "@/stores/commonStore";
const commonStore = useCommonStore();
import sharedHeader from "@/components/sharedHeader.vue";
import {reactive} from "vue";

sharedHeader;
let nones='';

const menuList = reactive([
  {
    icon: "icon-custom-user text-size-25",
    link: 'userInfo',
    show: true,
    label: '修改主题',
    fun:()=> commonStore.setTheme(commonStore.isLightTheme?'dark':'light')
  },

  {
    link: 'agreement',
    label: '隐私政策',
    show: true,
    fun: ()=> retrun
  },

  {
    link: 'aboutApp',
    label: '关于',
    show: true,
    fun: ()=> retrun
  },

])

</script>
